@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {overflow-x:hidden; width:100%; height:100%;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;color:#333;font-family:"思源黑体 Light";}
td, th { word-wrap:break-word; word-break:break-all; }
ul{ font-size:12px;}
li{list-style:none; font-size:12px;}
img { border:0; }
.clear { clear:both; }
a {text-decoration: none;font-size: 16px;color: #333;font-family: "思源黑体 Light";font-weight: normal;}
a:hover {text-decoration: none;color: #e51e01;font-family: "思源黑体 Light";}
body { font-family:"思源黑体 Light";height:100%;width:100%; font-size:12px;}
.z{ float:left;}
.y{ float:right;}
.imga{display:block;}
.fl{ float:left; display:inline; }
.clear{clear:both; width:auto;}


.top{width:1200px;margin:0 auto; height:106px; }
.logo{ margin-top:26px;}
.dh_y{ margin-top:38px;}
.dh_y_l{ font-size:19px; color:#006d77; background:url(http://oldfile.4e8.com/skin/ry0498571/img/shu.jpg) no-repeat right; padding-right:10px;}
.dh_y_m{ font-size:14px; color:#666;background:url(http://oldfile.4e8.com/skin/ry0498571/img/dh.jpg) no-repeat left; padding-left:25px; margin-left:14px; margin-right:14px; margin-top:4px;}
.dh_y_y{width:196px;background:url(http://oldfile.4e8.com/skin/ry0498571/img/shu.jpg) no-repeat left; padding-left:10px; }
.searchleft{ width:196px; height:29px;position:relative;}
.searchright{width:39px; height:27px; position:absolute; top:1px; right:0px; z-index:999;}
.topytop{margin-top: 5px; padding-right:5px; overflow:hidden;}
.topytop ul li{ margin-left:5px;float:left;}
.topytop ul li a img{margin-right:5px;}
.topytop ul li a{ color:#333;font-size:12px; }
.topytop ul li a:hover{color:#e83828;}

.menubg{width:100%; height:46px; background:#006d77;}
.menu{width:1200px; margin:0 auto; height:46px;}
.nav{width:1200px; margin:0 auto;position:relative;}
.nav ul{width:1200px;}
.nav li{width:150px;float:left;text-align:center;position:relative;}
.nav li:hover,.nav li a:hover,.nav li:hover a{background: #e58d2c;color:#fff;}
.nav a{width:150px;height:46px;display:block;font-size:16px; color:#fff;/*overflow:hidden;*/ line-height:46px;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:-3px;height:3px;opacity: 0;background: #fff;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;color:#000;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;color:#000;}
.nav a#sel{border-bottom:3px solid #000;color:#000;}
.nav a#sel:hover:after{opacity: 0;}
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:152px;overflow:hidden;text-align:left;z-index:999999999;left:0px;background-color:#fff;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:40px;}
.nav .sub .nav_xiao .xiao_five{width:320px;overflow:hidden;float:left;margin-top:20px;}
.nav .sub .nav_xiao .xiao_five img{width:320px;height:140px;}
.nav .sub .nav_xiao .xiao_five a{width:320px;height:140px;padding:0;margin-right:45px;float:left;color:#666;}
.nav .sub .nav_xiao .xiao_five2{float: right;text-align: left;width:300px;}
.nav .sub .nav_xiao .xiao_five2 p{box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width:85px;display: inline-block;padding-top:0;height:auto; line-height:30px;font-size:14px;color:#666; background:url(http://oldfile.4e8.com/skin/ry0498571/img/xy.png) no-repeat left; padding-left:15px;}
.nav .sub .nav_xiao .xiao_five2 p a:hover{ color:#e58d2c;}
.nav .sub .nav_xiao .xiao_five3{width:274px;overflow:hidden;float:left;margin-top:15px; margin-left:40px; font-size:14px; color:#333; line-height:26px;}

.shutter {overflow: hidden;width:100%;position: relative;width:1920px;height:822px;left:50%;margin-left:-960px;}
.shutter-img {z-index: 1;}
.shutter-img,.shutter-img a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.shutter-img a {cursor: default;}
.shutter-img a > img {width: 100%; height: 100%;}
.shutter-img .created {overflow: hidden; position: absolute;z-index: 20;}
.shutter-btn {}
.shutter-btn li {position: absolute; z-index: 2;top: 50%; width: 49px;height: 49px;margin-top: -25px;cursor: pointer;}
.shutter-btn li.prev {left: 15%;background: url(http://oldfile.4e8.com/skin/ry0498571/img/shutter_prevBtn.png) no-repeat 0 -49px;}
.shutter-btn li.next {right: 15%;background: url(http://oldfile.4e8.com/skin/ry0498571/img/shutter_nextBtn.png) no-repeat 0 -49px;}

.scrollbox{width:1230px;position: absolute;left: 0;top:-212px;z-index: 999999;}
#scrollDiv{width:1200px;height:150px; overflow:hidden; display: block;}
#scrollDiv ul{ width: 1200px;}
#scrollDiv li{width:352px;padding:20px 24px 0px;height:130px; float:left;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
#scrollDiv li img{width:50px;height:50px;margin-right:10px;float:left;}
#scrollDiv li span{width:288px; float: right;overflow: hidden; display: block;}
#scrollDiv li span h4{font-size: 18px; margin-top:16px;color: #fff; font-weight:normal;}
#scrollDiv li em{ width:95px; height:32px;line-height: 30px;text-align:center;font-size: 13px;border:1px solid #fff; display: block;color: #fff;margin-top: 70px; font-style:normal; margin-left:10px;}
#scrollDiv li:hover span h4{ color: #fff;}
#scrollDiv li em:hover{ color: #fff;border:1px solid #e58d2c;background: #e58d2c; }
.scroltit{ position: absolute; right:0px; bottom:0px;width:30px;}
.scroltit small{float:right; font-size:12px;width:30px;height:30px; line-height:30px; text-align: center;background:#bbbbbb;color: #fff;font-family: "思源黑体 Light"; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:8px;}
.scroltit small:hover{ background: #e58d2c;}

.gywm{width:1200px; margin:62px auto 0;position:relative;}
.gywm_z{width:484px;overflow:hidden;}
.gywm_z_s{ font-size:20px; color:#006d77; font-weight:bold;}
.gywm_z_s p{ font-size:34px; color:#222;}
.gywm_z_m{ font-size:14px; color:#666; line-height:35px; margin-top:20px;}
#HomeAdvantages{background:#fff;color:#fff;}
#HomeAdvantages .HomeAdvantages{display:block;overflow:hidden;width:484px;margin:0 auto;}
#HomeAdvantages .HomeAdvantages .HomeAdvantagesFrame{display:block;overflow:hidden;width:484px;}
#HomeAdvantages .HomeAdvantages .HomeAdvantage{display:block; height:96px;float:left;width:232px;text-align:center; margin-right:10px; margin-bottom:10px;padding-top:10px;}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Huge{font-size:18px;font-family:simsun;font-family:"思源黑体 Light";}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Huge span{font-size:40px;font-weight:bold;font-family:"思源黑体 Light";}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Desc{line-height:24px;height:48px;font-size:16px; color:#fff;font-family:"思源黑体 Light";}
.Root{width:484px; margin-top:40px;}
.gywm_y{width:684px; height:455px; position:relative; }
.gywm_y_t{width:684px; height:455px; overflow:hidden;}
.gywm_y_t a img{width:684px; height:455px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.gywm_y_t a img:hover{opacity: 0.8;filter: alpha(opacity=80);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.gywm_y_j{width:402px; height:101px; background:url(http://oldfile.4e8.com/skin/ry0498571/img/bg.png) no-repeat center;padding-top:70px; padding-right:20px; position:absolute; right:0px; bottom:0px; z-index:99;}
.gywm_y_j_t{width:102px; height:50px; margin-left:300px;}
.gywm_y_j_p{font-size:18px; color:#fff;margin-top:10px; text-align:right;}

.jjbg{width:100%; background:#ebf6f7; overflow:hidden; padding:40px 0px 50px;}
.jjadk{width:1200px; margin:0 auto; overflow:hidden;}
.jjadk_t{ font-size:34px; color:#049a91; font-weight:bold; text-align:center;}
.jjadk_t p{ font-size:16px; color:#666; font-weight:normal; margin-top:18px;}
.jjadk_x{width:1200px; margin:46px auto 0; overflow:hidden;}
.jjadk_z{width:812px;overflow:hidden; float:left;}
.jjadk_z ul li{width:382px;padding:26px 0px 0px; height:422px;background:#fff; float:left; margin-right:24px;position:relative}
.jjadk_z ul li p{width:352px; padding:0px 15px;}
.jjadk_z ul li p.e{ font-size:14px; color:#888; } 
.jjadk_z ul li p.t{ font-size:18px; color:#222;margin-top:20px; } 
.jjadk_z ul li p.t a{ font-size:18px; color:#222;} 
.jjadk_z ul li p.t a:hover{color:#006d77; text-decoration:underline;}   
.jjadk_z ul li p.f{ font-size:14px; color:#999;margin-top:20px;} 
.jjadk_z ul li p.s{ font-size:14px; color:#666; line-height:24px;margin-top:20px;} 
.jjadk_z ul li a img{width:382px; height:210px;margin-top:41px; ;} 
.jjadk_z ul li a img:hover{opacity: 0.8;filter: alpha(opacity=80);} 
.xl{width:35px; height:17px; background:url(http://oldfile.4e8.com/skin/ry0498571/img/sj.png) no-repeat center; position:absolute; top:237px; left:70px; z-index:999;}
.jjadk_y{width:388px;overflow:hidden; float:right;}
.jjadk_y ul li{width:338px; height:95px; background:#fff; float:left; margin-bottom:22px; padding:20px 25px;}
.jjadk_y ul li p{width:338px;}
.jjadk_y ul li p.e{font-size:16px; color:#222;}
.jjadk_y ul li p.t{font-size:13px; color:#999;margin-top:6px;}
.jjadk_y ul li p.f{font-size:13px; color:#666; line-height:24px;margin-top:6px;}
.jjadk_y ul li:hover p{ background:#006d77;color:#fff;}
.jjadk_y ul li:hover { background:#006d77;color:#fff;}

.lsbg{width:100%; background:#006d77; height:70px;}
.lsz{width:540px; margin:0 auto; padding-top:26px;}
.lsz ul li{ padding:0px 16px; float:left; margin:0px 16px;}
.lsz ul li img{ width:21px; height:20px; float:left;}
.lsz ul li p{ font-size:14px; color:#fff; margin-left:32px;}
.lsz ul li p a{ font-size:14px; color:#fff;}
.lsz ul li:hover p{ text-decoration:underline;}

.dbbg{width:100%; background:#006d77; overflow:hidden;}
.db2z{width:1200px; margin:20px auto 0; overflow:hidden;}
.db_z{width:330px; margin-top:50px; margin-bottom:50px; overflow:hidden;border-right:1px solid #fff;}
.db_b{ width:125px; height:78px;}
.db_zb{width:330px; margin-top:30px;}
.db_zb ul li{width:330px; float:left; margin-bottom:12px;}
.db_zb ul li a img {width:22px; height:22px; float:left;}
.db_zb ul li p { width:300px; float:right; font-size:14px; color:#fff;}
.fmenul{width:660px; overflow:hidden; margin:50px 0px 30px 60px;}
.fmenulc{ margin-right:30px; width:190px;}
.fmenulct{ color:#eaeaea; font-size:15px;}
.fmenulct a{color:#eaeaea; font-size:15px; font-weight:bold;}
.fmenulct a:hover{text-decoration:underline;}
.fmenulcf{ margin-top:13px; width:190px;}
.fmenulcf ul li{ width:190px;overflow: hidden;}
.fmenulcf ul li a{color:#eaeaea; line-height:28px; font-size:13px; float:left;} 
.fmenulcf ul li a:hover{text-decoration:underline;}
.db_yb{width:116px; margin-top:50px; overflow:hidden; }
.db_yb ul li{width:116px;float:left;}
.db_yb ul li a img{width:116px; height:116px;}
.db_yb ul li p{width:116px;font-size:14px; color:#fff; margin-top:8px; text-align:center;}
.foot{width:1200px; margin:0px auto 40px; line-height:30px;font-size:13px; color:#eee;text-align:center;}
.foot a{font-size:13px; color:#eee;}

.linkz{width:1200px; margin:50px auto 50px; overflow:hidden;}
.link{width:1200px; margin:36px auto 20px; overflow:hidden;}
.link ul li{width:200px; height:76px; /*margin:0px 10px;*/ float:left;}
.link ul li a img{width:200px; height:76px; /*border:1px solid #eee;*/}
.link ul li a:hover{opacity:0.7;}

/*---------------------------内页---------------------------- */
.nban{width:100%;position: relative;width:1920px;height:260px;left:50%;margin-left:-960px;}

.nymain{width:1200px; margin:40px auto 50px; overflow:hidden}

/*左边列表*/
.nymleft{ width:228px;}
.nymleftt{ width:228px; background:#f2f2f2; height:66px; text-align:center; padding-top:20px; font-size:24px; color:#333;}
.nymleftt p{ color:#afafaf; font-size:10px; margin-top:5px;}

.nylistt{ margin-top:7px; width:228px; margin-bottom:40px; overflow:hidden;}
.n_l{width:228px;background-color: #f2f2f2;float:left;}
.n_l ul{padding-top:2px;}
.n_l ul li{line-height:34px;border-bottom:4px solid #fff; padding-left:10px;}
.n_l ul li a{font-size:14px; color:#333;line-height:34px;background: url(http://oldfile.4e8.com/skin/ry0498571/img/hj.png) no-repeat left; padding-left:15px;}
.n_l ul li ul li{line-height:34px;text-align:left;background-color: #f2f2f2;border-bottom:none;}
.n_l ul li ul li a{padding-left:20px; color:#333;line-height:34px;}
.n_l ul li ul li ul li{line-height:34px;text-align:left;background-color: #f2f2f2;border-bottom:none;}
.n_l ul li ul li ul li a{padding-left:20px; color:#666;line-height:34px;background: url(http://oldfile.4e8.com/skin/ry0498571/img/d.jpg) no-repeat left; padding-left:15px;}
.n_l ul li a.on{color:#006d77; height:34px;}

/*单页*/
.nymright{ width:924px;}
.nymtitle{ width:924px; height:34px; background:url(http://oldfile.4e8.com/skin/ry0498571/img/index26.jpg) no-repeat bottom; padding-top:10px;}
.nymtleft{ background:url(http://oldfile.4e8.com/skin/ry0498571/img/index7.jpg) no-repeat left 60%; padding-left:18px; font-size:18px;}
.nymtleft span{ margin-left:10px; color:#999; font-size:11px;}
.nymtright{ background:url(http://oldfile.4e8.com/skin/ry0498571/img/index25.jpg) no-repeat left 80%; padding-left:17px; color:#666; padding-top:6px; font-size:13px;}
.nymtright a{ color:#666;font-size:13px;}
.nymtright a:hover{ color:#e58d2c;}
.nymbody{ margin-top:30px; width:924px; line-height:24px; font-size:13px; color:#666;}
.nymbody table tr{ height:46px;}
.nymbody table tr th{ font-size: 14px; font-weight: normal;width:10%;}
.nymbody table tr td input{ width: 40%; height: 25px; padding: 0px 5px;}
.nymbody table tr td textarea{ width:80%;}
.submit{ width: 120px !important; height: 30px !important; border: 0; background-color: #D21818; color: #fff; margin-top: 10px; cursor:pointer;}
/*产品列表页*/
.nyproducts{width:924px; margin-top:32px; overflow:hidden}
.nyproducts ul li{ border:1px solid #dfdfdf; width:862px; height:161px; padding:15px 30px 0 30px; margin-bottom:10px;}
.nyproducts ul li a img{width:210px; height:143px; float:left;}
.nyproducts ul li a:hover img{ background:#f5f3f3;}
.nyproducts ul li p{ float:right; line-height:24px;border-left:1px dashed #999; width:560px; height:139px; padding-left:42px;}
.nyproducts ul li p span{ color:#e58d2c; font-weight:bold; font-size:13px;}
.nyproducts ul li p img{ float:right;}
.nyproducts ul li p a img{ padding:0; border:none;width:19px; height:18px; }
.nyproducts ul li p a:hover img{ padding:0; border:none;width:19px; height:18px; }

/*页码*/
.nypage{ text-align:center; line-height:50px;height:50px;font-size:13px; margin-top:20px;}
.nypage a{margin:0px 5px;font-size:13px;}
.nypage a:hover{color:#e58d2c;}

/*新闻详细页*/
.shownews{width:924px; margin-top:32px;}
.shownews_t{line-height:36px;color:#e58d2c;text-align:center;font-size:15px;}
.shownews_b{text-align:center;border-bottom:1px dotted #cccccc;font-size:13px; padding-bottom:20px; color:#666;}
.shownews_c{line-height:24px;padding-top:20px; font-size:13px;color:#666;}
.aboutusmtrd_down{ width:924px; line-height:60px; border-top:1px #cdcdcd dashed;margin-top:32px;font-size:13px;}
.aboutusmtrd_down a{color:#666; font-size:13px;}
.aboutusmtrdd_left{ float:left;color:#666;font-size:13px;}
.aboutusmtrdd_left a:hover{color:#e58d2c;}
.aboutsumtrdd_right{ float:right;color:#666;font-size:13px;}
.aboutsumtrdd_right a:hover{ color:#e58d2c;}

/*新闻列表页*/
.newslists_c{width:924px; margin-top:16px;}
.newslists_c dl{height:60px;width:924px;border-bottom:1px dashed #cccccc;line-height:28px; padding:10px 0px;}
.newslists_c dl:hover dt{color:#e58d2c;}
.newslists_c dl dt{font-size:14px;color:#333;}
.newslists_c dl dt span{font-size:12px;color:#666666;width:100px;float:left;}
.newslists_c dl dd{color:#999; font-size:13px;}
.newslists_c dl dd span{width:85px;float:left;background:url(http://oldfile.4e8.com/skin/ry0498571/img/arror.jpg) no-repeat left;padding-left:20px;font-size:12px;}




img.info-icon {
    cursor: pointer;
    position: absolute;
    z-index: 8;
}

.popover {
    -moz-background-clip: padding;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
    /*width: 236px;*/
    /*height: 200px;*/
    padding: 1px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 9;
}


.popover.top { margin-top: -10px; }

.popover.right { margin-left: 10px; }

.popover.bottom { margin-top: 10px; }

.popover.left { margin-left: -10px; }

.popover-title {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.popover-content { padding: 14px 14px; }

.popover-content .header {
    font-size: 13px;
    text-align: center;
}

.popover-content p {
    margin: 10px 0;
}
.popover .arrow,
.popover .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover .arrow { border-width: 11px; }

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}

.popover.top .arrow:after {
    border-bottom-width: 0;
    border-top-color: #ffffff;
    bottom: 1px;
    margin-left: -10px;
}

.popover.right .arrow {
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}

.popover.right .arrow:after {
    border-left-width: 0;
    border-right-color: #ffffff;
    bottom: -10px;
    left: 1px;
}

.popover.bottom .arrow {
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}

.popover.bottom .arrow:after {
    border-bottom-color: #ffffff;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}

.popover.left .arrow {
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}

.popover.left .arrow:after {
    border-left-color: #ffffff;
    border-right-width: 0;
    bottom: -10px;
    right: 1px;
}

.animated {
    -moz-animation-duration: 0.6s;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 0.6s;
    -o-animation-fill-mode: both;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

@-webkit-keyframes cardInTop {
    0% {
        -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -webkit-transform-origin: 50% 100% 0px;
    }

    100% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -webkit-transform-origin: 50% 100% 0px;
        opacity: 1;
    }
}

@-moz-keyframes cardInTop {
    0% {
        -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -moz-transform-origin: 50% 100% 0px;
    }

    100% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -moz-transform-origin: 50% 100% 0px;
        opacity: 1;
    }
}

@-o-keyframes cardInTop {
    0% {
        -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -o-transform-origin: 50% 100% 0px;
    }

    100% {
        -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -o-transform-origin: 50% 100% 0px;
        opacity: 1;
    }
}

@keyframes cardInTop {
    0% {
        transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        transform-origin: 50% 100% 0px;
    }

    100% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 50% 100% 0px;
    }
}

.cardInTop {
    -moz-animation-name: cardInTop;
    -o-animation-name: cardInTop;
    -webkit-animation-name: cardInTop;
    animation-name: cardInTop;
}

@-webkit-keyframes cardInBottom {
    0% {
        -webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -webkit-transform-origin: 50% 0% 0px;
    }

    100% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -webkit-transform-origin: 50% 0% 0px;
        opacity: 1;
    }
}

@-moz-keyframes cardInBottom {
    0% {
        -moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -moz-transform-origin: 50% 0% 0px;
    }

    100% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -moz-transform-origin: 50% 0% 0px;
        opacity: 1;
    }
}

@-o-keyframes cardInBottom {
    0% {
        -o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -o-transform-origin: 50% 0% 0px;
    }

    100% {
        -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -o-transform-origin: 50% 0% 0px;
        opacity: 1;
    }
}

@keyframes cardInBottom {
    0% {
        transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        transform-origin: 50% 0% 0px;
    }

    100% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 50% 0% 0px;
    }
}

.cardInBottom {
    -moz-animation-name: cardInBottom;
    -o-animation-name: cardInBottom;
    -webkit-animation-name: cardInBottom;
    animation-name: cardInBottom;
}


@-webkit-keyframes cardInLeft {
    0% {
        -webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -webkit-transform-origin: 100% 50% 0px;
    }

    100% {
        -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -webkit-transform-origin: 100% 50% 0px;
        opacity: 1;
    }
}

@-moz-keyframes cardInLeft {
    0% {
        -moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -moz-transform-origin: 100% 50% 0px;
    }

    100% {
        -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -moz-transform-origin: 100% 50% 0px;
        opacity: 1;
    }
}

@-o-keyframes cardInLeft {
    0% {
        -o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -o-transform-origin: 100% 50% 0px;
    }

    100% {
        -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -o-transform-origin: 100% 50% 0px;
        opacity: 1;
    }
}

@keyframes cardInLeft {
    0% {
        transform: perspective(500px) rotateX(-90deg) scale(0, 0);
        transform-origin: 100% 50% 0px;
    }

    100% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 100% 50% 0px;
    }
}

.cardInLeft {
    -moz-animation-name: cardInLeft;
    -o-animation-name: cardInLeft;
    -webkit-animation-name: cardInLeft;
    animation-name: cardInLeft;
}

@-webkit-keyframes cardInRight {
    0% {
        -webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -webkit-transform-origin: 0% 50% 0px;
    }

    100% {
        -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -webkit-transform-origin: 0% 50% 0px;
        opacity: 1;
    }
}

@-moz-keyframes cardInRight {
    0% {
        -moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -moz-transform-origin: 0% 50% 0px;
    }

    100% {
        -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -moz-transform-origin: 0% 50% 0px;
        opacity: 1;
    }
}

@-o-keyframes cardInRight {
    0% {
        -o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -o-transform-origin: 0% 50% 0px;
    }

    100% {
        -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -o-transform-origin: 0% 50% 0px;
        opacity: 1;
    }
}

@keyframes cardInRight {
    0% {
        transform: perspective(500px) rotateX(90deg) scale(0, 0);
        transform-origin: 0% 50% 0px;
    }

    100% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 0% 50% 0px;
    }
}

.cardInRight {
    -moz-animation-name: cardInRight;
    -o-animation-name: cardInRight;
    -webkit-animation-name: cardInRight;
    animation-name: cardInRight;
}


@-webkit-keyframes cardOutTop {
    0% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -webkit-transform-origin: 50% 100% 0px;
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -webkit-transform-origin: 50% 100% 0px;
        opacity: 0;
    }
}

@-moz-keyframes cardOutTop {
    0% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -moz-transform-origin: 50% 100% 0px;
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -moz-transform-origin: 50% 100% 0px;
        opacity: 0;
    }
}

@-o-keyframes cardOutTop {
    0% {
        -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -o-transform-origin: 50% 100% 0px;
        opacity: 1;
    }

    100% {
        -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        -o-transform-origin: 50% 100% 0px;
        opacity: 0;
    }
}

@keyframes cardOutTop {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 50% 100% 0px;
    }

    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        transform-origin: 50% 100% 0px;
    }
}

.cardOutTop {
    -moz-animation-name: cardOutTop;
    -o-animation-name: cardOutTop;
    -webkit-animation-name: cardOutTop;
    animation-name: cardOutTop;
}

@-webkit-keyframes cardOutBottom {
    0% {
        -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -webkit-transform-origin: 50% 0% 0px;
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -webkit-transform-origin: 50% 0% 0px;
        opacity: 0;
    }
}

@-moz-keyframes cardOutBottom {
    0% {
        -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -moz-transform-origin: 50% 0% 0px;
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -moz-transform-origin: 50% 0% 0px;
        opacity: 0;
    }
}

@-o-keyframes cardOutBottom {
    0% {
        -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
        -o-transform-origin: 50% 0% 0px;
        opacity: 1;
    }

    100% {
        -o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        -o-transform-origin: 50% 0% 0px;
        opacity: 0;
    }
}

@keyframes cardOutBottom {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 50% 0% 0px;
    }

    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
        transform-origin: 50% 0% 0px;
    }
}

.cardOutBottom {
    -moz-animation-name: cardOutBottom;
    -o-animation-name: cardOutBottom;
    -webkit-animation-name: cardOutBottom;
    animation-name: cardOutBottom;
}

@-webkit-keyframes cardOutLeft {
    0% {
        -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -webkit-transform-origin: 100% 50% 0px;
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -webkit-transform-origin: 100% 50% 0px;
        opacity: 0;
    }
}

@-moz-keyframes cardOutLeft {
    0% {
        -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -moz-transform-origin: 100% 50% 0px;
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -moz-transform-origin: 100% 50% 0px;
        opacity: 0;
    }
}

@-o-keyframes cardOutLeft {
    0% {
        -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -o-transform-origin: 100% 50% 0px;
        opacity: 1;
    }

    100% {
        -o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
        -o-transform-origin: 100% 50% 0px;
        opacity: 0;
    }
}

@keyframes cardOutLeft {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 100% 50% 0px;
    }

    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(90deg) scale(0, 0);
        transform-origin: 100% 50% 0px;
    }
}

.cardOutLeft {
    -moz-animation-name: cardOutLeft;
    -o-animation-name: cardOutLeft;
    -webkit-animation-name: cardOutLeft;
    animation-name: cardOutLeft;
}


@-webkit-keyframes cardOutRight {
    0% {
        -webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -webkit-transform-origin: 0% 50% 0px;
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -webkit-transform-origin: 0% 50% 0px;
        opacity: 0;
    }
}

@-moz-keyframes cardOutRight {
    0% {
        -moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -moz-transform-origin: 0% 50% 0px;
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -moz-transform-origin: 0% 50% 0px;
        opacity: 0;
    }
}

@-o-keyframes cardOutRight {
    0% {
        -o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
        -o-transform-origin: 0% 50% 0px;
        opacity: 1;
    }

    100% {
        -o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
        -o-transform-origin: 0% 50% 0px;
        opacity: 0;
    }
}

@keyframes cardOutRight {
    0% {
        opacity: 1;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        transform-origin: 0% 50% 0px;
    }

    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(-90deg) scale(0, 0);
        transform-origin: 0% 50% 0px;
    }
}

.cardOutRight {
    -moz-animation-name: cardOutRight;
    -o-animation-name: cardOutRight;
    -webkit-animation-name: cardOutRight;
    animation-name: cardOutRight;
}

#menuh {width:1200px; margin:0 auto;height:46px;z-index:999; position:relative;}
#menuh ul {margin:0 auto;padding: 0;list-style: none;float: left;}
#menuh ul.menuh {margin:0 auto;}
#menuh li {position: relative;z-index: 999;margin: 0; display: block; float: left; line-height:46px;}
#menuh li:hover>ul {left: 0px;}
#menuh a { position: relative;z-index: 10;  height: 46px;  display: block; line-height: 46px;  text-decoration: none; font-size:16px;padding: 0 43px; color:#fff;}
#menuh a:hover, #menuh a:hover span { color: #fff; background:#e58d2c; }
.menuh li:hover a{color:#333; float:left;}
#menuh li.current a {}
#menuh span { display: block; cursor: pointer;  background-repeat: no-repeat; background-position: 95% 0;}
#menuh ul ul a.parent{   background-position:95% 14px; background-image: url(img/item-pointer.gif); background-repeat:no-repeat;}
#menuh ul ul a.parent:hover { background: url(img/item-pointer-mover.gif) no-repeat right;}
/* menu::level2 */
#menuh ul ul li { background: none;}
#menuh ul ul {position: absolute;top: 46px;left: -900em; width: 213px;padding: 5px 0 0 0;background: rgb(39,39,40);opacity: 0.90;-moz-opacity: 0.90;filter:alpha(opacity=90);}
#menuh ul ul a {background:none; padding: 0 0 0 20px;height: auto;float: none;font-size:13px;display: block;line-height: 40px;color:#fff;
color: rgb(255,255,255);}
#menuh ul ul a:hover{ background:#e58d2c; width:88%; color:#fff;}
#menuh ul ul li:hover{ background:#e58d2c; width:100%; color:#fff;}
#menuh ul ul span {margin-top: 0;padding-right: 15px;_padding-right: 20px;color: rgb(255,255,255);}
#menuh ul ul a:hover span {color: #fff;font-size:12px;}
#menuh ul ul li { width: 100%;background:none;}
/* menu::level3 */
#menuh ul ul ul {padding: 0;margin: -46px 0 0 203px !important;width:220px;}
#menuh ul ul ul ul{padding: 0; margin: -46px 0 0 220px !important;width:220px;}


.picMarquee-left{ width:1200px; margin:20px auto 0;  overflow:hidden; position:relative; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ margin-right:20px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{ text-align:center;}
.picMarquee-left .bd ul li .pic img{ width:140px; height:70px; display:block; padding:2px; border:1px solid #ddd;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#006c78;}

/* 必要布局样式css */
.map-content {
    padding: 30px 0;
}

.map-module {
   /*  width: 1200px !important;*/
    margin-left: -16px;
    position: relative;
    transition: all .3s ease;
}

.map-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.map-branch .map-title {
    margin: 20px 0 0;
    z-index: 1;
}

.map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.map-content-info {
    position: relative;
    margin-bottom: 30px;
}

.branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}

.map-content-box {
    width: 100%;
    height: 100%;
    background: url(img/map-bj.png) no-repeat center;
    position: relative;
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.beijing {
    left: 585px;
    top: 220px;
}

.tianjin {
    left: 604px;
    top: 234px;
}

.hebei {
    left: 575px;
    top: 254px;
}

.shanxi {
    left: 540px;
    top: 276px;
}

.liaoning {
    left: 660px;
    top: 196px;
}

.jilin {
    left: 696px;
    top: 167px;
}

.heilongjiang {
    left: 676px;
    top: 106px;
}

.shanghai {
    left: 668px;
    top: 341px;
}

.jiangsu {
    left: 646px;
    top: 316px;
}

.zhejiang {
    left: 655px;
    top: 379px;
}

.anhui {
    left: 605px;
    top: 334px;
}

.fujian {
    left: 625px;
    top: 428px;
}

.jiangxi {
    left: 595px;
    top: 402px;
}

.shandong {
    left: 610px;
    top: 284px;
}

.henan {
    left: 562px;
    top: 316px;
}

.hubei {
    left: 555px;
    top: 359px;
}

.hunan {
    left: 545px;
    top: 409px;
}

.guangdong {
    left: 575px;
    top: 466px;
}

.guangxi {
    left: 506px;
    top: 461px;
}

.chongqing {
    left: 495px;
    top: 364px;
}

.sichuan {
    left: 425px;
    top: 354px;
}

.guizhou {
    left: 484px;
    top: 424px;
}

.yunnan {
    left: 405px;
    top: 462px;
}

.shanxi1 {
    left: 502px;
    top: 312px;
}
.xinjiang {
    left: 218px;
    top: 217px;
}

.xizang {
    left: 228px;
    top: 337px;
}
.qinghai {
    left: 328px;
    top: 287px;
}
.gansu {
    left: 384px;
    top: 235px;
}
.neimenggu {
    left: 524px;
    top: 207px;
}
.ningxia {
    left: 460px;
    top: 270px;
}
.hainan {
    left: 524px;
    top: 529px;
}
.taiwan {
    left: 676px;
    top: 465px;
}
.aomen {
    left: 570px;
    top: 504px;
}
.xianggang {
    left: 580px;
    top: 492px;
}
.map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #01B7BD;
    border-radius: 50%;
}

.map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url(img/icon-star.png) no-repeat center;
}

.branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 207px;
    border: 1px solid #01B7BD;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 30px;
    z-index: 1;
    display: none;
}

.branch-map-data-title {
    border-bottom: 1px solid #eee;
}

.branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}

.data-branch:last-child {
    border: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #01B7BD transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #01B7BD;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}